<template>
    <div class="undeveloped">
        <van-tabs v-model="active">
            <van-tab title="功能1">
                <!-- 通用错误 -->
                <van-empty image="error" description="该板块正在研发中，敬请期待" />
            </van-tab>
            <van-tab title="功能 2">
                <!-- 网络错误 -->
                <van-empty image="network" description="该板块正在研发中，敬请期待" />
            </van-tab>
            <van-tab title="功能 3">
                <!-- 搜索提示 -->
                <van-empty image="search" description="该板块正在研发中，敬请期待" />
            </van-tab>
        </van-tabs>
    </div>
</template>

<script>
import App from '@/App.vue';
import Header from '@/components/header.vue';
export default {
    data() {
        return {
            active: 2,
        };
    },
};
</script>

<style lang="less" scoped>
.undeveloped/deep/ .van-tabs__line {
    background-color: royalblue;
}
/deep/ .van-empty__description{
    font-size: 18px;
}
/deep/ .van-empty__image {
    width: 400px;
    height: 427px;
}
</style>